<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/list.css">
    <link rel="stylesheet" href="./font/iconfont.css">


</head>

<body>

    <!-- 头部模块  start -->
    <header class="header"></header>
    <!-- 头部模块  end -->

    <!-- 列表页 start -->
    <div class="oList w">
        <div class="oList_1">
            <div class="bang1">
                <ul>
                    <li>邦购网首页</li>
                    <li>></li>
                    <li>全部分类</li>
                    <li>></li>
                    <li>男装</li>
                    <li>></li>
                    <li>T恤</li>
                </ul>
            </div>
            <div class="inp2"><input type="text"><span class="iconfont icon-sousuo"></span></div>
        </div>
        <div class="oList_2">
            <div class="oList_3">
                <h2>分类</h2>
                <ul>
                    <li>POLO长袖</li>
                    <li>T恤</li>
                    <li>短袖T恤</li>
                    <li>长袖衬衫</li>
                    <li>短袖衬衫</li>
                    <li>套头毛衣</li>
                    <li>风衣</li>
                    <li>夹克</li>
                    <li>马夹</li>
                    <li>棉服</li>
                    <li>大衣</li>
                    <li>皮衣</li>
                    <li>西服</li>
                    <li>羽绒服</li>
                    <li>开衫卫衣</li>
                    <li>套头卫衣</li>
                </ul>
            </div>
            <div class="oList_4">
                <div class="bang2">
                    <div class="pin1">
                        <p>品牌</p>
                        <ul>
                            <li>Metersbonwe</li>
                            <li>ME & CITY</li>
                            <li>CH'IN 祺</li>
                            <li>米喜迪</li>
                            <li>D2CMB</li>
                        </ul>
                    </div>
                    <div class="pin1">
                        <p>价格</p>
                        <ul>
                            <li>0-69</li>
                            <li>70-139</li>
                            <li>140-199</li>
                            <li>200-299</li>
                            <li>300-399</li>
                            <li>400-599</li>
                            <li>600-4399</li>
                            <li><input type="text"><input type="text"><input type="text" value="确定"></li>
                        </ul>
                    </div>
                    <div class="pin1">
                        <p>尺寸</p>
                        <ul>
                            <li>29</li>
                            <li>155</li>
                            <li>160</li>
                            <li>165</li>
                            <li>170</li>
                            <li>175</li>
                            <li>180</li>
                            <li>185</li>
                            <li>190</li>
                            <li>150cm</li>
                            <li>B75</li>
                            <li>D80</li>
                            <li>C80</li>
                            <li>其他</li>
                        </ul>
                    </div>
                    <div class="pin1">
                        <p>性别</p>
                        <ul>
                            <li>男</li>
                            <li>中性</li>
                        </ul>
                    </div>
                    <div class="pin1">
                        <p>高级筛选</p>
                        <ul>
                            <li>
                                <select id="sid" onchange="selectcity()">
                                    <option>---季节---</option>
                                    <option>春天</option>
                                    <option>夏天</option>
                                    <option>秋天</option>
                                    <option>冬天</option>
                                </select>
                            </li>
                            <li>
                                <select id="sid" onchange="selectcity()">
                                    <option>---场合---</option>
                                    <option>春天</option>
                                </select>
                            </li>
                            <li>
                                <select id="sid" onchange="selectcity()">
                                    <option>---系列---</option>
                                    <option>春天</option>
                                </select>
                            </li>
                            <li>
                                <select id="sid" onchange="selectcity()">
                                    <option>---版型---</option>
                                    <option>春天</option>
                                </select>
                            </li>
                            <li>
                                <select id="sid" onchange="selectcity()">
                                    <option>---颜色---</option>
                                    <option>春天</option>
                                </select>
                            </li>
                            <li>
                                <select id="sid" onchange="selectcity()">
                                    <option>---功能---</option>
                                    <option>春天</option>
                                </select>
                            </li>

                        </ul>
                    </div>
                </div>
                <div class="bang3">为您找到<span>1485</span>个商品
                </div>
                <div class="bang4">
                    <div class="bang4_l">
                        <ul>
                            <li>默认</li>
                            <li>新品↓</li>
                            <li>销量↓</li>
                            <li>折扣</li>
                            <li>价格</li>
                        </ul>
                    </div>
                    <div class="bang4_r">
                        <ul>
                            <li>1/38页&nbsp;共1485个商品</li>
                            <li>下一页</li>
                            <li><input type="checkbox" style="vertical-align: middle;">&nbsp;仅显示有货</li>
                        </ul>
                    </div>

                </div>
            </div>
            <div class="bang4_b">
                <ul class="listOne">
                    <!-- <li class="xiangqing_1">
                    <img src="images/aaa.jpg" alt="">
                        <p>Metersbonwe</p>
                        <p>男前胸卡通人物印花圆领T恤708309</p>
                        <h2>￥169</h2>
                        <ol class="ol">
                            <li><img src="images/1a.jpg" alt=""></li>
                            <li><img src="images/2a.jpg" alt=""></li>
                        </ol>
                        <div class="huodong"><img src="images/huodong.png" alt=""></div> 
                    </li> -->
                </ul>
            </div>
        </div>

    </div>
    <!-- 列表页 end -->

    <!-- 尾部模块 start -->
    <footer class="footer"></footer>
    <!-- 尾部模块 end -->

</body>

</html>
<script src="jQuery.js"></script>
<script src="js/list.js"></script>
<script>

    $(".xiangqing_1").eq(0).click(
        function () {
            $(location).attr("href", "xiangQing.html")

        })
</script>
<script>
    // 头部模块
    $('header').load('header.html')


    // 尾部模块
    $('footer').load('footer.html')
</script>